//一、 守卫 ，类似 判断 语句 
// 接收 逻辑 且关系  and 

// .box(@num,@num2) when (@num>100) and (@num2>100){
//     background-color: red;
// }


// 守卫的或者关系 通过 逗号 隔开
// .box(@num) when (@num>100) , (@num<50){
//     background-color: red;
// }

// .container{
//     .box(60);
//     width: 100px;
//     height: 100px;
// }


// 二 、变量在字符串里的解析 
// 字符串里解析变量 通过 插值表达式 @{变量}; 
// @w:100px;
// @h:100px;
// @myurl:"1.png";
// .container{
//     width: @w;
//     height: @h;
//     background: url("./images/@{myurl}");
// }


// 三、提供各种预定函数 ；
// https://lesscss.com.cn/functions/#math-functions-abs
// @flag:boolean(3>5);
// .box{
//     width: ceil((1000/3px));
//     height: 100px;
//     background-color: if((@flag)"red","blue");
// }


// 四、预编译器的模块化
// @import url("./a.css");  // 导入一个css文件
@import url("./a.less");  // 导入一个less文件  import  export
